VSC setup
Visual studio code is commonly used as Front-end Code Editer.
Install VSC
Please download and install 🌏visual studio code.
Recommanded VS Code plugins
To make developing life easier for developers, there are some commonly used plugins provided by VSC.
✨ Very recommended -> very powerful and very useful
🌟 recommended -> useful if you familiar with how to use it
⭐ Nice to have -> useful based on if you need to use it
Lints
✨ EditorConfig for VS Code -> EditorConfig Support for Visual Studio Code. 🔗More details
✨ ESLint -> ESLint JavaScript tool in VS Code. 🔗More details
✨ Prettier –> Code Formatter Prettier tool for VS Code
✨ Stylelint -> Style lint tool for VS Code
Please set autoSave and antoFix on for these lint tools
Syntax, Snippets and Emmets
✨ Auto Close Tag -> Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.
✨ Auto Rename Tag -> Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
✨ Babel JavaScript -> JavaScript syntax highlighting for ES201x, React JSX, Flow and GraphQL.
🌟 HTML Snippets -> Full HTML5 Tags/Colorization/Snippets/Quick Info/Description mentions if tag deprecated
🌟 JavaScript Code Snippets -> Code snippets for JavaScript in ES6 syntax
Style-Components
⭐ Styled-Component Extractor -> Generate styled-components from JSX tags.
Theme
✨ Theme-Oceanic Next -> A visual studio code theme
🌟 Ayu -> Including dark/light/mirage theme and Icon theme for VSC.
Npm
✨ npm -> npm support for VSC
✨ npm Intellisense -> Visual Studio Code plugin that autocompletes npm modules in import statements
Json
✨ Prettify Json -> Prettify ugly JSON inside VSCode
Git
✨ Git History -> View git log, file history, compare branches or commits. Click for details.
Azure
⭐ Azure Account -> A common Sign-In and Subscription management extension for VS Code. Click for details.
Markdown
🌟 Markdown Shortcuts -> Handy shortcuts for editing Markdown (.md, .markdown) files.
⭐ Markdown TOC -> Generate Table of Contents for Markdown documents.
⭐ Markdownlint -> Markdown linting and style checking for Visual Studio Code.